<template>
	<view class="">
		
		<view class="cu-item self " v-if="message.from.id==user.id">
			<view class="main">
				<view class="content bg-green shadow " @tap="twoTextClick()">
					<!-- <text class="">{{message.data.content}}</text> -->
					<chat-deanpopover :message="message" :direction="'right'" :btnList="app_btn_list" :modalTopPos="'calc(100% + 30rpx)'" :modalLeftPos="'calc(50% - 7.5vw)'">
						<view class="">
							<text class="">{{message.data.content}}</text>
						</view>
					</chat-deanpopover>
				</view>
			</view>
			<chat-avatar :message="message"></chat-avatar>
			<view class="date">
				{{message.sended_at}}
				<chat-vote :message="message"></chat-vote>
			</view>

		</view>
		<view class="cu-item" v-else>
			<chat-avatar :message="message"></chat-avatar>
			<view class="main">
				<view class="content shadow" @tap="twoTextClick()">
					<chat-deanpopover :message="message" :direction="'right'" :btnList="app_btn_list" :modalTopPos="'calc(100% + 30rpx)'" :modalLeftPos="'calc(50% - 7.5vw)'">
						<view class="">
							<text class="">{{message.data.content}}</text>
						</view>
					</chat-deanpopover>					
				</view>
			</view>
			<view class="date "> 
				{{message.sended_at}}
				<chat-vote :message="message"></chat-vote>
			 </view>
		</view>
		<chat-quote-message :message="message" :current_images="current_images"></chat-quote-message>
	</view>
</template>

<script>
	import app from '@/mixins/app.js'
	import click from '@/mixins/click.js'
	export default {
		data(){
			return {
				
			}
		},
		mixins:[app,click],
		
		props: {
			message: {
				type: [Object],
				default:()=>{
					return {}
				}
			},
			current_images: {
				type: [Array],
				default:()=>{
					return {}
				}
			},
			
		},
		methods:{
			
		}
	}
</script>
	
<style>
</style>
